<!--
 * @Author: GKN
 * @Date: 2023-08-21 17:08:18
 * @LastEditTime: 2024-01-22 16:20:03
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\ach\a2.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="main mainPadding " style="background:#fff;padding-bottom: 200px;">
        <div class="max-w">
        <el-breadcrumb separator=">" class="p-t">
            <el-breadcrumb-item v-for="(item,i) in breadcrumb_list" :key="i">{{ item.name }}</el-breadcrumb-item>
        </el-breadcrumb>
        <div class="p-t">
            <el-row :gutter="20">
                <el-col :span="12" v-for="(item,i) in list" :key="i" style="margin-bottom: 20px;">
                    <el-card shadow="hover" :isBorder="false">
                        <bookGoods :info="item" @trySee="trySee" @purchase="purchase" @goInfo="goInfo"></bookGoods>
                    </el-card>
                </el-col>
            </el-row>
        </div>
        </div>
    </div>
    
</template>

<script setup>
    import { ref } from "vue";
    import { ElMessage } from 'element-plus'
    import bookGoods from '../components/book/index.vue';
    import { useRoute, useRouter } from "vue-router";
    // 面包屑
    const breadcrumb_list = [{name:'成果库'},{name:'图书'}]
    const list = ref([
        {url:'https://www.cnr.cn/2022/images/xingzhen0620/chongqing.jpg',title:'钢铁是怎样炼成的',desc:'图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述',p1:'12.00',p2:'55.00'},
        {url:'https://www.cnr.cn/2022/images/xingzhen0620/chongqing.jpg',title:'斗破苍穹',desc:'图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述',p1:'12.00',p2:'55.00'},
        {url:'https://www.cnr.cn/2022/images/xingzhen0620/chongqing.jpg',title:'武动乾坤',desc:'图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述图书描述',p1:'12.00',p2:'55.00'}
    ])
    const Router = useRouter();
    const trySee=(info)=>{
        // ElMessage('试看')
        Router.push('/ach/i3');
    }
    const goInfo=(info)=>{
        // ElMessage('详情')
        Router.push({
            path:'/ach/i4',query:{title:info}
        });
    }
    const purchase=(info)=>{
        // ElMessage('购买')
    }

</script>

<style lang='less' scoped>
/deep/.el-card{
    border:none;
}
</style>


  